<%-- 
    Document   : index
    Created on : 27/10/2012, 03:53:51 PM
    Author     : Alex
--%>
<%@page import="DTO.Paciente"%>
<%@page import="org.w3c.dom.ranges.DocumentRange"%>
<%@page import="DTO.Administrador"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <%
        //Obtiener la sesion
        HttpSession sesion = request.getSession();
        Administrador admin = (Administrador) session.getAttribute("Administrador");
        //Valida el usuario  admin != null
        if (admin != null) {
        Paciente paciente = (Paciente) request.getAttribute("Paciente");
        %>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />       
        <title> Menú Principal | Ficha clínica</title>
        <link rel="stylesheet" type="text/css" href="css/style.css?3" media="screen" />
        <link rel="stylesheet" type="text/css" href="css/menu.css" media="screen" />
        <link rel="shortcut icon" href="img/sign.ico"  type="image/x-icon"   />
 
        <!-- css y js para el formulario -->
        <link rel="stylesheet" type="text/css" href="css/structure.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="css/form.css?form_actualizado" media="screen"/>  
        <script src="js/seleccion.js"></script>

        <!-- css y js para validación -->
        <link rel="stylesheet" type="text/css" href="css/styleValidationEngine.css" media="screen" />
        <script type="text/javascript" src="jquery/jquery-1.8.2.min.js" charset="utf-8"></script>
        <script type="text/javascript" src="jquery/jquery.validationEngine-es.js" charset="utf-8"></script>
        <script type="text/javascript" src="jquery/jquery.validationEngine.js" charset="utf-8" ></script> 
        <script type="text/javascript" src="jquery/jquery.blockUI.js?1" charset="utf-8" ></script>
        
        <script type="text/javascript" src="js/js_common.js"></script> 

        <script type="text/javascript" >
            jQuery(document).ready(function(){
                        jQuery("#correo").validationEngine();
            });
            jQuery(document).ready(function(){
                jQuery("#registrarPaciente").validationEngine({
                    'customFunctions':{
                        'checkDate':function (field, rules, i, options){
                            dia = $('#fechaNacimiento_dia').val();
                            mes = $('#fechaNacimiento_mes').val();
                            annio = $('#fechaNacimiento_annio').val();
                            if (mes == 4  || mes == 6 || mes == 9 || mes == 11 || mes == 2) {
                                if (mes == 2 && dia > 28 && (parseFloat(annio)%4)!=0 || mes ==2 &&
                                    dia > 29 && (parseFloat(annio)%4)==0 || dia >30){
                                    /* alert("* Fecha inválida");*/
                                    return options.allrules.required.alertWrongDate;}
                            }
                        }
                    }
                });
            });
            
           if(!document.getElementById("form_result")){
            jQuery(document).ready(function() { 
                 jQuery.growlUI('Notificación', document.getElementById("form_result").innerHTML);
                 //document.getElementById("cedula").focus(); 
                // document.getElementById("foto").focus(); 
             });
           }
        </script>
    </head>

    <body>
        <div id="wrap">
            <div id="top">
                <h2>Registro ficha clínica</h2>
                <div style="margin-left: 40%;margin-bottom: 3.6%;"> <h1>Usuario:  <%= admin.getNombre() %> </h1> </div>
                <a href="javascript:cerrar_sesion()">Cerrar sesi&oacute;n</a>
            </div>
            <div style="color: #ffffff; margin-left:2%; font-size: 1.6em;">
                <script type="text/javascript">
                    document.write(Muestrafecha()); 
                </script>
            </div>
            <div id="content">
                <div id="container" >
                    <form id="registrarPaciente" name="registrarPaciente" action="/SAPCOMED/ServicioRegistroPaciente" enctype="multipart/form-data" method="POST" class="wufoo formato_letra" >   
                        <div class="info formato_letra" >
                            <h2 info formato_letra>Introduzca datos del paciente</h2>
                            <div>(*) campo obligatorio </div>
                        </div>

                        <ul>
                            <div style="float:left; margin-right: 2%;">  
                                <li id="" class="notranslate formato_letra">
                                    <label class="desc" id="" for="">
                                        Nombre 
                                        <span id="" class="req">*</span>
                                    </label>
                                    <span>
                                        <input id="nombrePacient" name="nombrePacient" type="text" class="field text fn validate[required]" value="<%= (paciente != null)?paciente.getNombre():"Juan"%>"  maxlength="255" tabindex="1"  />
                                    </span>
                                </li>
                            </div>
                            <div style="float:left; margin-right: 2%;"> 
                                <li id="" class="notranslate  formato_letra">
                                    <label class="desc" id="" for="">
                                        Primer Apellido 
                                        <span id="" class="req">*</span>
                                    </label>
                                    <span>
                                        <input id="Primer_Apellido" name="Primer_Apellido" type="text" class="field text fn validate[required]" value="<%= (paciente != null)?paciente.getPrimerApellido():"Aguirre"%>"  maxlength="255" tabindex="1" />
                                    </span>
                                </li>
                            </div>
                            <div style="float:left; "> 
                                <li id="" class="notranslate formato_letra">
                                    <label class="desc" id="" for="">
                                        Segundo Apellido 
                                        <span id="" class="req">*</span>
                                    </label>
                                    <span>
                                        <input id="Segund_Apellido" name="Segund_Apellido" type="text" class="field text fn validate[required]" value="<%= (paciente != null)?paciente.getSegundoApellido():"Alvarado"%>"  maxlength="255" tabindex="1" />
                                    </span>
                                </li>
                            </div>
                            <div style="float:left; margin-right: 2%;"> 
                                <li id="" class="notranslate formato_letra">
                                    <label class="desc" id="" for="">
                                        Cédula (sin guiones)
                                        <span id="" class="req">*</span>
                                    </label>
                                    <span>
                                        <input id="cedula" name="cedula" type="text" class="field text fn validate[required,custom[onlyNumberSp]]" value="<%= (paciente != null)?paciente.getId_Paciente():""%>"  maxlength="255" tabindex="1" />
                                    </span>
                                </li>
                            </div>
                      
                            <div style="float:left;"> 
                                <li id="" class="notranslate formato_letra ">
                                    <label class="desc" id="" for="">
                                        Fecha de nacimiento 
                                        <span id="" class="req">*</span>
                                    </label>
                                    <span>
                                        <select name="fechaNacimiento_dia" id="fechaNacimiento_dia" aria-label="Día" class="field select fn validate[required[funcCall[checkDate]]]" data-prompt-position="bottomRight:2,0">
                                            <%
                                                out.println("<option value=\"\">Día</option>");
                                                for (int i = 1; i <= 31; i++) {
                                                    out.println("<option value=\"" + i + "\">" + i + "</option>");
                                                }
                                            %>
                                        </select> /
                                        <select name="fechaNacimiento_mes" id="fechaNacimiento_mes" aria-label="Mes" class="field select fn validate[required]" onchange="" >
                                            <option value="">Mes:</option>
                                            <option value="1">enero</option>
                                            <option value="2">febrero</option>
                                            <option value="3">marzo</option>
                                            <option value="4">abril</option>
                                            <option value="5">mayo</option>
                                            <option value="6">junio</option>
                                            <option value="7">julio</option>
                                            <option value="8">agosto</option>
                                            <option value="9">septiembre</option>
                                            <option value="10">octubre</option>
                                            <option value="11">noviembre</option>
                                            <option value="12">diciembre</option>
                                        </select> / 
                                        <select name="fechaNacimiento_annio" id="fechaNacimiento_annio" aria-label="Año" class="field select fn validate[required]" onchange="" data-prompt-position="bottomRight:2,0">
                                            <%
                                                java.util.Date fechaActual = new java.util.Date();
                                                int year = fechaActual.getYear();
                                                int year_fin = year + 1900;
                                                int year_ini = year + 1800;

                                                out.println("<option value=\"\">Año:</option>");
                                                for (int i = year_ini; i <= year_fin; i++) {
                                                    out.println("<option value=\"" + i + "\">" + i + "</option>");
                                                }
                                            %>
                                        </select>
                                    </span>
                                </li>
                            </div>
                            <div style="float:left; margin-left: 2%;"> 
                                <li id="" class="notranslate formato_letra">
                                    <label class="desc" id="" for="">
                                        Teléfono (sin guiones)
                                        <span id="" class="req">*</span>
                                    </label>
                                    <span>
                                        <input id="telefono" name="telefono" type="text" class="field text fn validate[required,custom[onlyNumberSp]]" value="<%= (paciente != null)?paciente.getTelefono():"88049678"%>"  maxlength="255" tabindex="1" />
                                    </span>
                                </li>
                            </div>
                                        
                          <div style="float:left;margin-right: 2%;"> 
                            <li id="" class="notranslate formato_letra ">
                              <label class="desc" id="" for="">
                                  Ocupación 
                                  <span id="" class="req">*</span>
                              </label>
                              <span>
                                  <input id="ocupacion" name="ocupacion" type="text" spellcheck="false" class="field text validate[required]" value="<%= (paciente != null)?paciente.getOcupacion():"Ingeniero"%>" maxlength="255" tabindex="1" size="40"/> 
                              </span>
                          </li>
                         </div> 
                        <div style="float:left;margin-right: 2%;"> 
                            <li id="" class="notranslate formato_letra ">
                              <label class="desc" id="" for="">
                                  Email
                              </label>
                              <span>
                                  <input id="correo" name="correo" type="textfield"  class="field text" spellcheck="false" value="<%= (paciente != null)?paciente.getCorreo():"example@email.com"%>" maxlength="255" tabindex="1" size="39"/> 
                              </span>
                          </li>
                         </div> 
                            <!--parte para cargar la foto-->
                            <li id="" class="notranslate formato_letra ">
                                <label class="desc" id="" for="">
                                    Foto del Paciente 
                                </label>
                                <div>
                                    <input id="foto" name="foto" type="file" class="file" value="" maxlength="255" /> 
                                </div> 
                            </li>
                            <!--fin de foto -->
                            <li id="" class="notranslate formato_letra ">
                                <fieldset>
                                    <![if !IE | (gte IE 8)]>
                                    <legend id="" class="desc">
                                        Sexo 
                                        <span id="" class="req">*</span>
                                    </legend>
                                    <![endif]>
                                    <div>
                                        <input id="" name="" type="hidden" value="" />
                                        <span>
                                            <input id="genero" name="genero" type="radio" class="field validate[required] radio " value="M"  /> 
                                            <label class="choice formato_letra" for="" >Masculino</label>
                                        </span>
                                        <span>
                                            <input id="genero" name="genero" type="radio" class="field  validate[required] radio" value="F" />
                                            <label class="choice formato_letra" for="" > Femenino</label>
                                        </span>
                                    </div>
                                </fieldset>
                            </li>
                            
                            <li id="" class="formato_letra ">
                                <label class="desc" id="" for="">
                                    Dirección 
                                    <span id="" class="req">*</span>
                                </label>
                                <div>
                                    <textarea id="direccion" 
                                              name="direccion" 
                                              class="field validate[required] textarea"  
                                              spellcheck="true" 
                                              rows="6" cols="45" 
                                              tabindex="1" 
                                              onkeyup="" > Heredia
                                        <%= (paciente != null)?paciente.getDireccion().trim():""%>
                                        
                                    </textarea>
                                </div>
                            </li>
                            <div style="float:left; margin-right: 3%">

                                <input id="registrar" name="registrar" class="button" 
                                       type="submit" value="Registrar y Seguir" />
                            </div>
                            <div style="float:left;">
                                <input id="back1" name="back1" class="button" 
                                       type="button" value="Atrás"  onclick="parent.location='MenDDs.jsp'"/>
                            </div>
                        </ul> 
                           <div style="display: none">
                             <%
                                String respuesta = null;
                                respuesta= (String) request.getAttribute("respuesta");
                                if (respuesta == null) {
                                    respuesta = "";
                                }
                                out.println(respuesta);
                               
                                %>
                          </div>
                    </form> 
                </div>
            </div> 
        </div>  
        <div id="footer">
            <footer>
                <div><img src="img/footer_img.png" height="39" width="960" border="0"></div>
                <h4>
                    <a href="MapaSitio.jsp">MAPA DEL SITIO</a> | 
                    <a href="Desarrolladores.jsp" accesskey="H" onClick="popup = window.open('Desarrolladores.jsp', 'PopupPage','height=550,width=600,scrollbars=yes,resizable=no'); return false" target="_blank" onMouseOver="window.status='';  return true" onMouseOut="window.status=''; return true"onFocus="window.status='';  return true" onBlur="window.status=''; return true"  class="submenulinktext2">DESAROLLADORES</a> |  
                    <a href="Ayuda.jsp" accesskey="H" onClick="popup = window.open('Ayuda.jsp', 'PopupPage','height=550,width=600,scrollbars=yes,resizable=no'); return false" target="_blank" onMouseOver="window.status='';  return true" onMouseOut="window.status=''; return true"onFocus="window.status='';  return true" onBlur="window.status=''; return true"  class="submenulinktext2">AYUDA</a>
                </h4>
                <div class="ftext"> Tel:(506) 2246-3279 <br/> sapcomed &copy;  Todos los derechos reservados. Prohibida la reproducción total o parcial.</div>
            </footer>
        </div>
    </body>
    <% }%>
</html>

